<template>
<div class="homeFooter">
  <div class="top flex flex-between">
    <div>
      <img class="logo" src="@/assets/img/home/foot_logo.png" alt="">
      <ul>
        <li>电话：010-62770334，62782051 传真：010-62782061 Email：zsb@tsinghua.edu.cn</li>
        <li>国际招生事务：+86-10-62783100 传真：+86-10-62770837 Email：admission@tsinghua.edu.cn</li>
        <li>港澳台招生事务：+86-10-62799279 传真：+86-10-62770837 Email：gatzs@tsinghua.edu.cn</li>
      </ul>
    </div>
    <div>
      <img class="ewm" src="@/assets/img/home/ewm.png" alt="">
      <p class="ewmText">扫描二维码关注“清华招生”</p>
    </div>
  </div>
  <div class="bottom pink">
    <ul>
      <li>Copyright @2020 清华大学招生办公室. All Rights Reserved</li>
      <li>地址：北京市海淀区清华园1号清华大学招生办 邮编：100084</li>
      <li>京ICP备15006448号-2</li>
    </ul>
  </div>
</div>
</template>

<script>
export default {
name: "homeFooter"
}
</script>

<style lang="less" scoped>
.homeFooter{
  height: 24rem;
  background: url("../../assets/img/home/foot_bg.png") no-repeat;
  background-size: cover;
  .top{
    //box-sizing: border-box;
    padding: 4rem 3rem 2rem 3rem;
    .logo{
      width: 17rem;
      height: 2.75rem;
    }
    ul{
      li{
        color: rgba(255,255,255,.6);
        font-size: .72rem;
        line-height: 1.32rem;
      }
    }
    .ewm{
      width: 8.76rem;
      height: 8.76rem;
    }
    .ewmText{
      color: #fff;
      font-size: .72rem;
      text-align: center;
      line-height: 3.12rem;
    }
  }

  .bottom{
    //box-sizing: border-box;
    height: 5rem;
    background: url("../../assets/img/home/foot_bg2.png") no-repeat;
    background-size: cover;
    padding:1rem 0 0 4rem;
    ul{
      li{
        font-size: .72rem;
        line-height: 1.32rem;
        color: rgba(255,255,255,.6);
      }
    }
  }
}
</style>